<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"/>
<title>登录</title>



<link rel="stylesheet" href="css/long.css">

	<style>
		.a1{
			margin-bottom: 100px;
			position:relative; top:120px
			
		}
		.a{
			margin-left: 400px ;
			position:relative; top:80px
		}
		.a2{
			margin-left: 800px;
			position: relative;top: 110px;
		}
	</style>
</head>

<body>
<a class="a"><img src="img/4ea457a3d227e2e35b2327757e7dbe5.png" /><a style="font-size: 30px;position:relative; top:70px">欢迎登录</a></a>
<a class="a2">没有账号？<a href="enroll.html" style="text-decoration: none; position: relative;float: left;margin: 100px 0px 0px 400px">立即注册</a></a>
<a class="a1"><img style="width: 100%;" src="img/banner3.jpg" /></a>
<main>
<!---->
  <form class="form" action="http://localhost:9090/login" method="post" >
    <div class="form__cover"></div>
    <div class="form__loader">
      <div class="spinner active" >
        <svg class="spinner__circular"   viewBox="25 25 50 50" >
          <circle  class="spinner__path" cx="50" cy="50" r="20" fill="none" stroke-width="4" stroke-miterlimit="10"></circle>
        </svg>
      </div>
    </div>

<!--    登录-->
    <div class="form__content">
      <h1 style="color: black;">Authorization</h1>
      <div class="styled-input">
<!--        用户名-->
        <input type="text" class="styled-input__input" name="name" id="name">
        <div class="styled-input__placeholder"> <span class="styled-input__placeholder-text">请输入账号</span> </div>
        <div class="styled-input__circle"></div> <!-- 账号框-->
      </div>
      <div class="styled-input">
<!--        密码-->
        <input type="password" class="styled-input__input" name="pass" id="pass">
        <div class="styled-input__placeholder"> <span class="styled-input__placeholder-text">请输入密码</span> </div>
        <div class="styled-input__circle"></div> <!-- 密码框-->
      </div>
<!--      登录-->
      <button type="submit" class="styled-button"> <span class="styled-button__real-text-holder"> <span class="styled-button__real-text">Submit</span> <span class="styled-button__moving-block face"> <span class="styled-button__text-holder"> <span class="styled-button__text">登录</span> </span> </span><span class="styled-button__moving-block back"> <span class="styled-button__text-holder"> <span class="styled-button__text">登录</span> </span> </span> </span> </button>
    </div>
  </form>
</main>
<script  src="js/long.js"></script>
<script src="js/jquery.min.js"></script>
</body>
<script>
  // function dl(){
  //     var name=document.getElementById("name").value;
  //     var pass=document.getElementById("pass").value;
  //
  //     console.log("正常");
  //             $.ajax({
  //                 url:"login",
  //                 method:"post",
  //                 data:{"name":name,"pass":pass},
  //                 success:function (sj) {
  //                     console.log(sj);
  //                 },
  //             });
  //     console.log(name);
  //     console.log(pass);
  // }
</script>
</html>
